<script setup lang="ts">
import { ref, reactive, onMounted, onUpdated, onUnmounted } from "vue";
onMounted(() => {
  console.log("页面挂载后");
});
onUpdated(() => {
  console.log("数据更新后");
});
onUnmounted(() => {
  console.log("页面销毁后");
});

/**
 * @description xxx
 */
const xxx = () => { }
</script>

<template>
  <div class="container">
  </div>
</template>

<style lang="scss" scoped>
.container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
</style>